<template>
<!-- 费用审核 -->

  <div class="Examine">
    <!-- 顶部标题栏组件 -->
    <top-header :leftArrow="leftArrow"></top-header>
    <!-- 中间内容 -->
    <div class="content">
      <van-cell is-link title="提交审核费用" @click="click2" />
      <van-cell is-link title="审核退回费用" @click="click3" />
      <van-cell is-link title="审核通过费用" @click="click4" />
    </div>
  </div>
</template>

<script>
import { TopHeader } from '@/components'
export default {
  name: 'User',
  components: {
    TopHeader
  },
  data () {
    return {
      leftArrow: true, // 顶部标题栏组件是否有返回按钮
      power: sessionStorage.getItem('power') // 用户权限
    }
  },
  methods: {
    click2 () {
      if (this.power === '部门审核人') {
        this.$router.push({ path: '/ExamineTask' })
      } else {
        this.$router.push({ path: '/CostTask' })
      }
    },
    click3 () {
      this.$router.push({ path: '/ExamineBack' })
    },
    click4 () {
      this.$router.push({ path: '/ExaminePass' })
    }
  }
}
</script>

<style lang="less" scoped>
.Examine {
  .content {
    box-shadow: 0 3px 4px 2px rgb(240, 240, 240);
  }
}
</style>
